// 对axios做二次封装
// 1. 基地址
// 2. 请求拦截器
// 3. 响应拦截器

import { message } from 'antd'
import axios from 'axios'
import { getToken, hasToken, removeToken } from './storage'
import history from './history'
const instance = axios.create({
  baseURL: 'http://geek.itheima.net/v1_0/',
  timeout: 5000
})

// 请求拦截器
instance.interceptors.request.use(
  function (config) {
    // 如果有token,就带上
    if (hasToken()) {
      const token = getToken()
      config.headers.Authorization = `Bearer ${token}`
    }
    return config
  },
  function (error) {
    return Promise.reject(error)
  }
)

// 响应拦截器
instance.interceptors.response.use(
  function (response) {
    // 数据脱壳
    return response.data
  },
  function (error) {
    console.log('响应拦截器中，捕获到了错误')
    console.dir(error)
    if (!error.response) {
      message.error('网络错误')
      return Promise.reject(error)
    }
    if (error.response.status === 401) {
      message.error('登录信息过期，请重新登录')
      removeToken()
      // 跳转到登录页
      // window.location = '/#/login'

      // 如何在普通的.js模块中使用history?

      // const history = useHistory()
      history.push('/login', { backto: history.location.pathname })
      return Promise.reject(error)
    }
    return Promise.reject(error)
  }
)

export default instance
